import * as React from 'react';

const ConsoleLogo: React.FC<React.SVGProps<SVGSVGElement>> = props => (
  <svg
    id="prefix__Layer_1"
    x={0}
    y={0}
    viewBox="0 0 100 100"
    xmlSpace="preserve"
    {...props}
  >
    <style>{'.prefix__st0{fill:#102954}'}</style>
    <path
      className="prefix__st0"
      d="M88.8 35.2c2.6-6.4 2.7-19.6-.8-29.8-.9-1.8-3.7-1.3-3.8.8v.7c-.6 9.6-4.2 14.9-9.3 17.4-.9.4-2.2.3-3-.2-6.2-3.9-13.5-6.2-21.4-6.2-7.9 0-15.2 2.3-21.4 6.2-.8.5-1.8.6-2.7.3-5.3-2-9-7.8-9.7-17.5v-.7c-.1-2-2.9-2.6-3.8-.8-3.5 10.2-3.5 23.4-.8 29.8 1.3 3.2 1.4 6.8.3 10.1-1.4 4.2-2.1 8.7-2.1 13.4.2 21.2 18.3 39.3 39.5 39.5 22.4.3 40.7-17.8 40.7-40.2 0-4.5-.7-8.8-2.1-12.8-1-3.2-1-6.8.4-10z"
    />
    <circle
      transform="rotate(-45.073 50.345 58.06)"
      cx={50.3}
      cy={58.1}
      fill="#4ad879"
      r={30.6}
    />
    <path
      className="prefix__st0"
      d="M55.1 54.8l-7.2-11.1a4 4 0 00-5.4-1.2c-1.1.7-1.8 1.9-1.8 3.3 0 .7.3 1.5.7 2.1l4.9 7.6c.4.6.3 1.3-.1 1.8l-7.6 8.3c-1.4 1.6-1.3 4 .3 5.5.7.7 1.7 1 2.7 1 1.1 0 2.1-.5 2.8-1.3l5.6-6.6c.4-.5 1.2-.5 1.6.1l4 5.7c.3.4.6.8 1.1 1.2 1.4 1 3.1.9 4.3.1 1.1-.7 1.8-1.9 1.8-3.3 0-.7-.3-1.5-.6-2.1l-7.1-11.1z"
    />
  </svg>
);

export default ConsoleLogo;
